
        
        .shave{
            position: fixed;
            width:100%;
            height: 100%;
            background: rgb(250,250,250);
            top:0px;

        }
        body>.container{
            position: relative;
            z-index: 2;
        }
        main .flip{
            background:#000;
        }
        
        main .flip .swiper{
            padding: 0px 30px;
            position: relative;
            height: 800px;
        }
        main .flip .swiper .swiper-container{
            height: 100%;
        }
        main .flip .swiper .swiper-slide{
            overflow: hidden;
            height: 100%;
        }
        main .flip .swiper .swiper-button-prev,
        main .flip .swiper .swiper-button-next{
            background-image: initial;
            width:50px;
            height: 50px;
            background-size: contain;
            background-position: center center;
            -webkit-tap-highlight-color:transparent;
            outline: none;
        }
        main .flip .swiper .header-prev{
            background-image: url(../../img/example/headerPrev.png);
            left: 0px;
        }
        main .flip .swiper .header-next{
            background-image: url(../../img/example/headerNext.png);
            right: 0px;
        }
        main .flip .swiper img {
            position: absolute;
            left: 50%;
            top: 0px;
            transform:translate(-50%,0%);
            width:auto;
            height: 100%;
        }
        main .objects{
            overflow: hidden;
            padding-top:50px;
            padding-bottom: 100px;
        }
        main .objects>div{
            float: left;
        }
        main .objects .content{
            width: calc(50% + 100px);
        }
        main .objects .title{
            font-size: 24px;
            font-weight: bold;
            position: relative;
            margin-bottom: 40px;
        }
        main .objects .title .line{
            width: 40px;
            height: 1px;
            background: #000;
            display: block;
            margin-top: 20px;
        }
        main .objects .content>.newsInfo + .newsInfo{
            margin-top:60px;
        }
        main .objects .content .newsInfo h5{
            font-size: 20px;
            margin-bottom: 25px;
        }
        main .objects .content .newsInfo p{
            font-size: 18px;
            line-height: 140%;
            text-indent: 36px;
        }
        main .objects .content .newsInfo p + p{
            margin-top: 15px;
        }
        main .objects .content>.newsInfo:nth-child(2) p{
            text-indent: initial;
        }

        main .objects .recommend{
            width: calc(50% - 100px);
            overflow: hidden;
        }
        main .objects .recommend .contn{
            float: right;
        }
        main .objects .recommend .box{
            width: 320px;
            margin-top: 20px;
        }
        main .objects .recommend .item{
            display:block;
            padding-bottom:100%;
            overflow: hidden;
            position: relative;
            cursor:pointer;
        }
        main .objects .recommend .item img{
            display: block;
            width: 100%;
            height: 100%;
            object-fit: cover;
            position: absolute;
        }
        main .objects .recommend .item .tip{
            padding:15px;
            font-size: 16px;
            color: #fff;
            font-weight: bold;
            background: rgba(0,0,0,.5);
            transition:all ease .5s;
            opacity: 0;
            position: absolute;
            bottom: 0px;
            width: 100%;
            transform: translateY(100%);
            z-index: 2;
        }
        main .objects .recommend .item:hover .tip{
            transform: translateY(0%);
            opacity: 1;
        }
        main .objects .recommend .item .horizontal,
        main .objects .recommend .item .horizontal{
            height: 2px;
        }
        main .objects .recommend .item .vertical,
        main .objects .recommend .item .vertical{
            width: 2px;
        }
        main .objects .recommend .item .border{
            position: absolute;
            background: #d93e32;
            z-index: 3;
        }
        

        @media(max-width:1490px){
            main .about .fluid{
                width:100%;
                padding:80px 95px;
            }
       }
       @media(max-width:1250px){
            header .swiper{
                height:calc(100vw * 0.7);
            }
       }
       
       @media(max-width:1000px){
            main .objects .recommend .contn,
            main .objects>div{
                float: initial;
            }
            main .objects .content{
                width:100%;
            }
            main .objects .recommend{
                width: 100%;
                margin-top: 80px;
            }
            main .objects>div{
                float: initial;
            }
            main .objects .recommend .contn{
                overflow:hidden;
            }
            main .objects .recommend .box{
                float: left;
                width: 280px;
            }
            main .objects .recommend .box + .box{
                margin-left: 30px;
            }
       }
       @media (max-width:767px){
            header .swiper{
                height: 400px;
                padding:0px 20px;
            }
            header .swiper .swiper-button-prev, header .swiper .swiper-button-next{
                width: 40px;
                height: 40px;
            }
            header .swiper{
                height: 400px;
                padding:0px 20px;
            }
            main .objects .recommend .box{
                width: 100%;
                margin-top: 30px;
            }
            main .objects .recommend .box + .box{
                margin-left: 0px;
            }
       }